<html xmlns="http://www.w3c.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:p="http://primefaces.org/ui">
<h:head>
</h:head>
<h:body>
	<h:form>
		<p:layout fullPage="true">
			<p:layoutUnit position="north" size="72" resizable="false" closable="false" collapsible="false">
				<p:menubar>
					<p:submenu label="Teams" icon="ui-icon-person" />
					<p:submenu label="Settings" icon="ui-icon-wrench" />
					<p:menuitem value="Logout" icon="ui-icon-power" action="#{loginBean.logout}" />
				</p:menubar>
			</p:layoutUnit>
			<p:layoutUnit position="west" size="450" header="Projects" resizable="false" closable="false" collapsible="false">
				<p:menu title="Choose a project" model="#{homeBean.projects}" style="width: 430px" />
			</p:layoutUnit>

			<p:layoutUnit position="east" size="350" header="Activities" resizable="true" closable="true" collapsible="true" effect="drop">
				<p:growl id="messages" />
			</p:layoutUnit>

			<p:layoutUnit position="center">
				<h:form>
					<p:tabView id="projectTabView">
						<p:tab id="iterations" title="Iterations">
							<h:outputText id="iterationsText" value="Here will be shown the project iterations" />
						</p:tab>
						<p:tab id="userStories" title="User stories">
							<h:outputText id="userStoriesText" value="The user stories place..." />
						</p:tab>
						<p:tab id="releases" title="Releases">
							<h:outputText id="releasesText" value="A good place to make release plans" />
						</p:tab>
						<p:tab id="health" title="Health">
							<h:outputText id="healthText1" value="* - build" />
							<h:outputText id="healthText2" value="* - acceptance" />
							<h:outputText id="healthText3" value="* - deploy" />
						</p:tab>
					</p:tabView>

				</h:form>
			</p:layoutUnit>
		</p:layout>
	</h:form>


	<!-- 	<p:breadCrumb> -->
	<!-- 		<p:menuitem value="Projects" url="#" /> -->
	<!-- 		<p:menuitem value="Teams" url="#" /> -->
	<!-- 		<p:menuitem value="Backlog" url="#" /> -->
	<!-- 		<p:menuitem value="Iteration" url="#" /> -->
	<!-- 		<p:menuitem value="User stories" url="#" /> -->
	<!-- 		<p:menuitem value="Tasks" url="#" /> -->
	<!-- 		<p:menuitem value="Releases" url="#" /> -->
	<!-- 		<p:menuitem value="Logout" url="#" /> -->
	<!-- 	</p:breadCrumb> -->


	<!-- 	<p:menubar> -->
	<!-- 		<p:submenu label="Projects"> -->
	<!-- 			<p:menuitem value="Work Item Manager" url="http://www.google.com" /> -->
	<!-- 			<p:menuitem value="FX Renewal" url="http://www.hotmail.com" /> -->
	<!-- 			<p:menuitem value="Flash to HTML5 transition" url="http://mail.yahoo.com" /> -->
	<!-- 		</p:submenu> -->
	<!-- 		<p:submenu label="Teams"> -->
	<!-- 			<p:menuitem value="Taz" url="http://www.youtube.com" /> -->
	<!-- 			<p:menuitem value="Spider" url="http://www.break.com" /> -->
	<!-- 		</p:submenu> -->
	<!-- 	</p:menubar> -->

	<!-- 	<p:editor /> -->

	<!-- 	<h:form> -->
	<!-- 		<p:commandButton value="Hello from PrimeFaces" onclick="dlg1.show();" type="button" /> -->
	<!-- 		<p:dialog header="PrimeFaces Dialog" widgetVar="dlg1" width="500">For more information visit <a href="http://primefaces.org">http://primefaces.org</a>.</p:dialog> -->
	<!-- 	</h:form> -->

	<!-- 	<p:accordionPanel> -->
	<!-- 		<p:tab title="First Tab Title"> -->
	<!-- 			<h:outputText value="Lorem" />More content for first tab</p:tab> -->
	<!-- 		<p:tab title="Second Tab Title"> -->
	<!-- 			<h:outputText value="Ipsum" /> -->
	<!-- 		</p:tab> -->
	<!-- 	</p:accordionPanel> -->
</h:body>
</html>